home *** CD-ROM | disk | FTP | other *** search
/ PC World 2008 September / PCWorld_2008-09_cd.bin / temacd / xnview / XnView-beta1.exe / XnView / WebTemplate / Visuddhi - Lightbox / css / lightbox.css
Cascading Style Sheet File  |  2006-10-05  |  2KB  |  105 lines
  1. #lightbox{
  2.     position: absolute;
  3.     top: 40px;
  4.     left: 0;
  5.     width: 100%;
  6.     z-index: 100;
  7.     text-align: center;
  8.     line-height: 0;
  9.     }
  10.  
  11. #lightbox a img{ border: none; }
  12.  
  13. #outerImageContainer{
  14.     position: relative;
  15.     background-color: #fff;
  16.     width: 250px;
  17.     height: 250px;
  18.     margin: 0 auto;
  19.     }
  20.  
  21. #imageContainer{
  22.     padding: 10px;
  23.     }
  24.  
  25. #loading{
  26.     position: absolute;
  27.     top: 40%;
  28.     left: 0%;
  29.     height: 25%;
  30.     width: 100%;
  31.     text-align: center;
  32.     line-height: 0;
  33.     }
  34. #hoverNav{
  35.     position: absolute;
  36.     top: 0;
  37.     left: 0;
  38.     height: 100%;
  39.     width: 100%;
  40.     z-index: 10;
  41.     }
  42. #imageContainer>#hoverNav{ left: 0;}
  43. #hoverNav a{ outline: none;}
  44.  
  45. #prevLink, #nextLink{
  46.     width: 49%;
  47.     height: 100%;
  48.     background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
  49.     display: block;
  50.     }
  51. #prevLink { left: 0; float: left;}
  52. #nextLink { right: 0; float: right;}
  53. #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
  54. #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
  55.  
  56.  
  57. #imageDataContainer{
  58.     font: 10px Verdana, Helvetica, sans-serif;
  59.     background-color: #fff;
  60.     margin: 0 auto;
  61.     line-height: 1.4em;
  62.     }
  63.  
  64. #imageData{
  65.     padding:0 10px;
  66.     }
  67. #imageData #imageDetails{ width: 70%; float: left; text-align: left; }    
  68. #imageData #caption{ font-weight: bold;    }
  69. #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }            
  70. #imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;    }    
  71.         
  72. #overlay{
  73.     position: absolute;
  74.     top: 0;
  75.     left: 0;
  76.     z-index: 90;
  77.     width: 100%;
  78.     height: 500px;
  79.     background-color: #EEEEEE;
  80.     filter:alpha(opacity=50);
  81.     -moz-opacity: 0.5;
  82.     opacity: 0.5;
  83.     }
  84.     
  85.  
  86. .clearfix:after {
  87.     content: "."; 
  88.     display: block; 
  89.     height: 0; 
  90.     clear: both; 
  91.     visibility: hidden;
  92.     }
  93.  
  94. * html>body .clearfix {
  95.     display: inline-block; 
  96.     width: 100%;
  97.     }
  98.  
  99. * html .clearfix {
  100.     /* Hides from IE-mac \*/
  101.     height: 1%;
  102.     /* End hide from IE-mac */
  103.     }    
  104.     
  105.